<template>
	<view class="cu-card article">
		<view class="cu-item shadow">
			<view class="title solid-bottom">
				<view class="text-cut">
					<slot></slot>
				</view>
			</view>
			<view class="padding-sm flex flex-wrap">
				<view class="basis-df" v-for="(item,index) in Obj" :key="index"  >
					<cell :item="item"></cell>
				</view>
			</view>
			<view v-if="item.remain" class="padding-left-sm padding-right-sm flex ">
				<view class="flex-sub">
					<cell :item="item.remain"></cell>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import cell from './cell.vue'
	export default {
		components: {
			cell
		},
		props: {
			Obj: Array
		}
	}
</script>

<style>
	.row {
		display: flex;
		justify-content: space-around;
	}

	.left {}

	.right {}
</style>
